<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>列表模板</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="stylesheet" href="css/m_common.css">
<!-- 分类 列表 css -->
<link rel="stylesheet" href="css/m_classify.css">
<!-- 分类 列表 css end -->
<!-- 公共 js -->
<script src="js/jquery.js"></script>
<script src="js/m_public.js"></script>
<!-- 公共 js end-->
</head>
<body>
<!-- header -->
<header>
    <a class="home" href="javascript:void(0)"></a>
    <a class="logo" href="/"></a>
    <a class="person search2" href="">搜索</a>
</header>
<!-- header end -->
<!-- 一级分类 手机触屏滑动导航 -->
<div class="classifyOut">
    <div class="bartitle">全部分类</div>
    <div class="classify">
        <ul>
            <li><a href="#">全部</a></li>
            <li><a href="#">户外</a></li>
            <li class="here"><a href="#">场馆</a></li>
            <li><a href="#">酒店</a></li>
            <li><a href="#">儿童剧</a></li>
            <li><a href="#">科学</a></li>
            <li><a href="#">手工</a></li>
            <li><a href="#">冬令营</a></li>
            <li><a href="#">国内游</a></li>
            <li><a href="#">境外游</a></li>
            <li><a href="#">其他</a></li>
        </ul>
    </div>
    <div class="tabmore tabmore1" onclick="showTabbar()"></div>
    <div class="tabmore tabmore2" onclick="hideTabbar()"></div>
</div>	
<!-- 一级分类 手机触屏滑动导航 end -->
<!-- 二级分类 -->
<div class="hotword">
    <ul>
        <li><a href="">室内活动</a></li>
        <li><a href="">主题乐园</a></li>
        <li><a href="">景点门票</a></li>
        <li><a href="">展览</a></li>
    </ul>
</div>
<!-- 二级分类 end -->
<!-- 列表 -->
<div class="list">
    <ul>
        <li>
            <img src="pic/s1.jpg">
            <h2><i class="nk">年卡</i>夜宿北京海洋馆奇妙夜--不一样的体验</h2>
            <p>玩转博物馆 | 北京市海淀区 | 4-12岁</p>
            <i class="joincnt">累计31人报名</i>
            <div class="price"><i class="paymoney">780</i>起</div>
            <i class="active"><i>报名中</i></i>
        </li>
        <li>
            <img src="pic/s2.jpg">
            <h2><i class="nk">年卡</i>探秘国家动物博物馆：拜访昆虫的世界认识恐龙的后裔-鸟类！</h2>
            <p>玩转博物馆 | 北京市海淀区 | 4-12岁</p>
            <i class="joincnt">累计31人报名</i>
            <div class="price"><i class="paymoney">780</i>起</div>
            <i class="active"><i>报名中</i></i>
        </li>
        <li>
            <img src="pic/s3.jpg">
            <h2><i class="nk">年卡</i>夜宿北京海洋馆奇妙夜--不一样的体验</h2>
            <p>玩转博物馆 | 北京市海淀区 | 4-12岁</p>
            <i class="joincnt">累计31人报名</i>
            <div class="price"><i class="paymoney">780</i>起</div>
            <i class="active"><i>报名中</i></i>
        </li>
        <li>
            <img src="pic/s4.jpg">
            <h2><i class="nk">年卡</i>探秘国家动物博物馆：拜访昆虫的世界认识恐龙的后裔-鸟类！</h2>
            <p>玩转博物馆 | 北京市海淀区 | 4-12岁</p>
            <i class="joincnt">累计31人报名</i>
            <div class="price"><i class="paymoney">780</i>起</div>
            <i class="active"><i>报名中</i></i>
        </li>
    </ul>
</div>
<!-- 列表 end -->





<div class="moveMore"><a href="">加载更多......</a></div>

<!-- 回顶部到页底 -->
<div id="shortcutarrow">
     <a class="gototop" href="javascript:void(0)" title="回顶部" onclick="gototop()" target="_self" id="gototop">顶</a>
     <a class="gotobottom" href="javascript:void(0)" title="到页底" onclick="gotobottom()" target="_self" id="gotobottom">底</a> 
</div>
<!-- 回顶部到页底 end -->
</body>
</html>